@import '../_config.scss';
.sessions-new
{
    .new-form
    {

        background-color: #fff;
        width: 350px;
        margin: 60px auto 0;
        padding: 20px;

        border-radius: 4px;
        box-shadow: 0 0 8px rgba(0,0,0,.1);
        .form-header
        {
            display: flex;

            margin-top: 10px;

            flex-flow: row wrap;
            div
            {
                font-size: 1.6rem;

                margin: 10px 0;
                padding: 0 10px;

                flex: 1;
                a
                {
                    text-decoration: none;
                    font-size: 18px;
                    &,
                    &:focus,
                    &:active,
                    {
                        color: $color-normal;
                    }
                    &:hover,
                    &.active
                    {
                      font-weight: 700;
                      color: $color-private;
                      border-bottom: 2px solid $color-private;
                    }
                }
                &:first-child
                {
                    text-align: right;

                    // border-right: 1px solid $color-border;
                }
                &:last-child
                {
                    text-align: left;
                }
            }
            a {
              padding: 10px;
            }
        }
        .form-content
        {
            .error {
                padding: 10px 0;
                color: red;
            }
            .form-group {
              position: relative;
              &.first-column {
                margin-top: 30px;
              }
              .input-icon{
                position: absolute;
                margin: 13px;
                color: $color-gray;
              }
              input{
                padding-left: 40px;
              }
              button {
                &.submit-button {
                  font-size: 1.8rem;
                outline: none !important;
                border: 0 !important;
                }
              }
            }

            .form-links
            {
                margin-bottom: 35px;

                text-align: center;
                a
                {
                    &,
                    &:hover,
                    &:focus,
                    &:active
                    {
                        padding-right: 10px;
                        padding-left: 10px;

                        // color: $color-private;
                        color: $color-gray;
                    }
                    &:first-child
                    {
                        border-right: 1px solid $color-border;
                    }
                }
            }
            h5
            {
                font-size: 1.4rem;

                position: relative;

                margin: 0 0 20px;

                text-align: center;

                color: #b5b5b5;
                &:before,
                &:after
                {
                    position: absolute;
                    top: 6px;

                    display: block;

                    width: 100px;

                    content: '';

                    border-top: 1px solid $color-border;
                }
                &:after
                {
                    right: 0px;
                }
            }
            .other-sign-way{
              text-align: center;
              a{
                  padding: 5px;
                  color: $color-private;
              }
            }
            .checkbox-inline{
              color: $color-gray;
              font-size: 1.2rem;
            }
        }
    }
}
